import React from 'react'
import './index.css'
import Annulus from '../annulus'

/** 桶 */
export default function Bucket(props) {
    return (
        <div className='bucket'>
            {props.annulus.map((r) => (
                <Annulus key={r.name} id={r.id} name={r.name} color={r.color} />
            ))}
        </div>
    )
}
